<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--方式一-->
    <!-- 为该元素绑定一个func函数时间，用户点击时会func()函数。 -->
    <input type="button" value="点击我" onclick="func()">

    <!--方式二-->
    <!--根据id属性获得一个element对象-->
    <input type="button" value="快点我" id="btn">
</body>
<script>
    function func(){
        alert("哈哈");
    }
</script>
<script>
    document.getElementById("btn").onclick=function(){
        alert("我又被点击了");
    }
</script>
</html>